<div name='T_385c' >
    <div name='T_c087'  className="g-user">
        <div name='T_67d1'  className="c-layout clearfix">
            <SliderComponent name='T_4d1a'  data={this.props.data.slider}></SliderComponent>
            <div name='T_162c'  className="m-content">
                <div name='T_1ee3'  className="order">
                    <ul name='T_97c3'  className="tab clearfix">
                        {
                            this.state.tabTitle.map(function(item, index){
                                return (
                                    <li name='T_efda'  key={index} className={component.state.active === index+1 ? 'active' : ''} onClick={component.toggleTab.bind(component, index+1)}>{item}</li>
                                )
                            })
                        }
                    </ul>
                    <div name='T_fc8f'  className="content-title">查询条件</div>
                    <div name='T_a303'  className="search">
                        {Browser &&
                            <Formsy.Form name='T_dd09'  ref="form" onSubmit={this.submit} onValid={this.enableButton} onInvalid={this.disableButton}>
                                <div name='T_2cf6'  className="clearfix line">
                                    {
                                        this.state.active != 1 ?
                                        <div name='T_b352'  className="inputs">
                                            <MyInput value="" name="waybillNo" title="运单号：" maxLength='30' validations={{ maxLength: 30 }} placeholder="请输入运单号" validationError="运单号必须小于30位"	/>
                                        </div>
                                        : ''
                                    }
                                    <div name='T_83a3'  className="inputs">
                                        <MyInput value="" name="cusOrderNo" title="客户单号：" maxLength='30' validations={{ maxLength: 30 }} placeholder="请输入客户单号" validationError="客户号必须小于30位"	/>
                                    </div>
                                    {
                                    this.state.isPrimary ?
                                    <div name='T_8425'  className="inputs">
                                        <MyInput placeholder="全部" value="" id="username" name="cusUserId" ref="cusUserId" title="账号名：" />
                                    </div>
                                    :
                                    <div name='T_c351'  className="inputs">
                                        <MyInput maxLength="30" value="" name="q" ref="q" title="关键字：" placeholder="请输入姓名、电话或地址" />
                                    </div>
                                    }
                                </div>
                                <div name='T_44a4'  className="clearfix line">
                                    {
                                        this.state.isPrimary ?
                                        <div name='T_fc99'  className="inputs">
                                            <MyInput maxLength="30" value="" name="q" ref="q" title="关键字：" placeholder="请输入姓名、电话或地址" />
                                        </div>
                                        : ''
                                    }
                                    <div name='T_b675'  className="inputs inputs-time">
                                        <MyInput value="" id="beginDate" ref="beginDate" name="startEffectTime" title="创建时间：" />
                                        <i name='T_7862' >&minus;</i>
                                        <MyInput value="" id="endDate" ref="endDate" name="endEffectTime" title="" />
                                    </div>
                                </div>
                                <div name='T_a848'  className="clearfix submit">
                                    <button name='T_b208'  type="reset" onClick={this.resetForm}>重置</button>
                                    <button name='T_342f'  type="submit">搜索</button>
                                </div>
                            </Formsy.Form>
                        }
                    </div>
                    <div name='T_2734'  className="content-title">查询结果</div>
                    <div name='T_490d'  className="order-list">
                        {
                            this.state.active === 1 ?
                            <div name='T_a704'  className="order-line">
                                <button name='T_fdb2'  onClick={this.removeOrders}>删除</button>
                                <button name='T_9d28'  onClick={this.uploadFile}>附件管理</button>
                            </div>
                            :
                            this.state.active === 2 ?
                            <div name='T_d18e'  className="order-line">
                                <button name='T_5c98'  onClick={this.printOrders}>打印面单</button>
                                <button name='T_e7f6'  onClick={this.uploadFile}>附件管理</button>
                            </div>
                            :
                            <div name='T_70a8'  className="order-line">
                                <button name='T_416c'  onClick={this.uploadFile}>附件管理</button>
                            </div>
                        }
                        <div name='T_8e1a'  className="order-line-wrap">
                            <table name='T_40bf' >
                                <thead name='T_a69b' >
                                    <tr name='T_b91f' >
                                        <th name='T_e6ee'  width="60">
                                            <div name='T_7552'  className="hna-checkbox">
                                                    <input name='T_c076'  type="checkbox" id="hna-checkbox" checked={this.state.selectLength > 0 && this.state.selectLength === this.state.list.length} onChange={this.selectItemFn.bind(this, 'all')} />
                                                <label name='T_2adc'  htmlFor="hna-checkbox"></label>
                                            </div>
                                            序号
                                        </th>
                                        {
                                            this.state.active != 1 ?
                                            <th name='T_9d91' >运单号</th>
                                            : ''
                                        }
                                        <th name='T_bc0b' >客户单号</th>
                                        <th name='T_4126' >产品信息</th>
                                        <th name='T_c931' >起止地</th>
                                        <th name='T_7a04'  style={{'width':'135px'}}>创建时间</th>
                                    </tr>
                                </thead>
                                <tbody name='T_f613' >
                                    {
                                        this.state.list.length ?
                                        this.state.list.map(function (item, index) {
                                            return (
                                                <tr name='T_9669'  key={index}>
                                                    <td name='T_6891' >
                                                        {
                                                            <div name='T_6405'  className="hna-checkbox">
                                                                <input name='T_5d03'  type="checkbox" id={'hna-checkbox_' + index} checked={ component.state.selectLength && component.state.selectItem.indexOf(item.orderNo) !== -1 } onChange={component.selectItemFn.bind(component, item)} />
                                                                <label name='T_3401'  htmlFor={'hna-checkbox_' + index}></label>
                                                            </div>
                                                        }
                                                        {(component.state.current - 1 ) * component.state.pageSize + index + 1}
                                                    </td>
                                                    {
                                                        component.state.active != 1 ?
                                                        <td name='T_ec08' ><a name='T_5a41'  name='T_b03a'  name='T_8b48'  href={ component.state.active === 1 ? '/orders?oid=' + item.orderNo + '&cid=' + item.externalNo + "&relate=order_manage" : '/order_manageInfo?oid=' + item.orderNo + "&relate=order_manage" }>{item.waybillNo}</a></td>
                                                        : ''
                                                    }
                                                    {
                                                        component.state.active != 1 ?
                                                        <td name='T_3091' >{item.externalNo || '/'}</td>
                                                        : <td name='T_3091' ><a name='T_5a41'  name='T_b03a'  name='T_8b48'  href={ component.state.active === 1 ? '/orders?oid=' + item.orderNo + '&cid=' + item.externalNo + "&relate=order_manage" : '/order_manageInfo?oid=' + item.orderNo + "&relate=order_manage" }>{item.externalNo || '/'}</a></td>
                                                    }



                                                    <td name='T_f68b' >{item.productName}</td>
                                                    <td name='T_9a05' >{item.fromAddress.cityName}({item.fromAddress.countryCode}) - {item.toAddress.cityName}({item.toAddress.countryCode})</td>
                                                    <td name='T_c186' >{item.createTime}</td>
                                                </tr>
                                            )
                                        })
                                        :
                                        <tr name='T_b7ae' >
                                            <td name='T_692f'  colSpan="7" className="text-center">暂无数据</td>
                                        </tr>
                                    }
                                </tbody>
                            </table>
                        </div>
                    </div>
                    {
                        Browser
                        &&
                        <Pagination name='T_f067'  onChange={this.onPageChange} current={this.state.current} onShowSizeChange={this.onPageChange} total={this.state.total} showQuickJumper showSizeChanger showLessItems />
                    }
                    {
                        this.state.orders.length ?
                        <div name='T_805a'  className="print-layer">
                            <i name='T_d2bb'  className="close" onClick={this.destroyOrder}>&times;</i>
                            <button name='T_c20e'  className="print-btn" id="printIt" onClick={this.confirmPrint}>确认打印</button>
                            <div name='T_931a'  className="print-content">
                                {
                                    this.state.orders.map(function(item, index) {
                                        return (
                                            item.ordSubOrderDtos.length ?
                                            <div name='T_1a18' >
                                                <ul name='T_f801'  className="print-item">
                                                    <li name='T_8848'  className="print-title">
                                                        <img name='T_0a1d'  src="../../images/logo/sanzang-gray.png" alt="logo"/>
                                                        <ol name='T_9ebd' >
                                                            <li name='T_a96f' >{ component.state.currentTime }</li>
                                                            <li name='T_4234' >{ item.packageNum } PCS</li>
                                                            <li name='T_1a98' >{ item.cusWeight ? item.cusWeight : 0 } { item.cusWeightUnit }</li>
                                                        </ol>
                                                    </li>
                                                    <li name='T_8992' >{ item.externalNo }</li>
                                                    <li name='T_c1e0'  className="print-addr">
                                                        <h3 name='T_e7a7' >收</h3>
                                                        <ol name='T_ab43' >
                                                            <li name='T_9a0f' >{ item.toName + ' ' + item.toPhone }</li>
                                                            <li name='T_f1f6' >{ item.toAddress.countryName ? item.toAddress.countryName +'/' : '' } { item.toAddress.countryCode }</li>
                                                            <li name='T_3e45' >{ item.toAddress.provinceName ? item.toAddress.provinceName +'/' : '' } { item.toAddress.cityName }</li>
                                                            <li name='T_b36e' >{ item.toAddress.districtName ? item.toAddress.districtName : ''  + item.toAddress.streetName ? item.toAddress.streetName : '' + item.toAddress.address }</li>
                                                            <li name='T_605e' >{ item.toAddress.postcode }</li>
                                                        </ol>
                                                    </li>
                                                    <li name='T_3936'  className="print-addr small">
                                                        <h3 name='T_75e3' >寄</h3>
                                                        <ol name='T_9a1d' >
                                                            <li name='T_ec26' >{ item.fromName +' '+ item.fromPhone }</li>
                                                            <li name='T_3d47' >{ item.fromAddress.countryName ? item.fromAddress.countryName +'/' : '' } { item.fromAddress.countryCode }</li>
                                                            <li name='T_e352' >{ item.fromAddress.provinceName ? item.fromAddress.provinceName +'/' : '' } { item.fromAddress.cityName }</li>
                                                            <li name='T_9150' >{ item.fromAddress.districtName ? item.fromAddress.districtName : '' + item.fromAddress.streetName ? item.fromAddress.streetName : '' + item.fromAddress.address }</li>
                                                            <li name='T_44d2' >{ item.fromAddress.postcode }</li>
                                                        </ol>
                                                    </li>
                                                    <li name='T_ff19'  className="print-img">
                                                        <img name='T_a4e2'  id={'barcode_' + item.waybillNo} />
                                                    </li>
                                                    <li name='T_b04a'  className="print-detail">
                                                        <table name='T_fe99' >
                                                            <tr name='T_00c3' >
                                                                <th name='T_1de7' >品名</th>
                                                                <th name='T_65fa' >件数</th>
                                                                <th name='T_5e85' >单价</th>
                                                                <th name='T_6ffa' >备注</th>
                                                            </tr>
                                                            {
                                                                item.orderCargoDtos.map(function(subject, index) {
                                                                    return (
                                                                        <tr name='T_b3f8'  key={index}>
                                                                            <td name='T_ede3' >{ subject.goodsNameCn + '/' + subject.goodsNameEn }</td>
                                                                            <td name='T_4d5e' >{ subject.goodsNumber }</td>
                                                                            <td name='T_519d' >{ subject.goodsPrice }</td>
                                                                            <td name='T_7471' >{ subject.description }</td>
                                                                        </tr>
                                                                    )
                                                                })
                                                            }
                                                        </table>
                                                    </li>
                                                    <li name='T_778a'  className="print-remark">备注：{ item.customerNote }</li>
                                                    <li name='T_a77d' >{ item.lastUpdateTime }</li>
                                                </ul>
                                                {
                                                    item.ordSubOrderDtos.map(function(subItem, index) {
                                                        return (
                                                            <ul name='T_582c'  className="print-item">
                                                                <li name='T_5286'  className="print-title">
                                                                    <img name='T_dc61'  src="../../images/logo/sanzang-gray.png" alt="logo"/>
                                                                    <ol name='T_ee20' >
                                                                        <li name='T_c97e' >{ component.state.currentTime }</li>
                                                                        <li name='T_8eb4' >{ (index+1) + '/' + item.packageNum } PCS</li>
                                                                        <li name='T_6bd6' >{ subItem.weight ? subItem.weight : 0 } { subItem.weightUnit }</li>
                                                                    </ol>
                                                                </li>
                                                                <li name='T_d14c' >{ item.externalNo }</li>
                                                                <li name='T_b064'  className="print-addr">
                                                                    <h3 name='T_7cc7' >收</h3>
                                                                    <ol name='T_ec97' >
                                                                        <li name='T_97cb' >{ item.toName + ' ' + item.toPhone }</li>
                                                                        <li name='T_1101' >{ item.toAddress.countryName ? item.toAddress.countryName +'/' : '' } { item.toAddress.countryCode }</li>
                                                                        <li name='T_f6bf' >{ item.toAddress.provinceName ? item.toAddress.provinceName +'/' : '' } { item.toAddress.cityName }</li>
                                                                        <li name='T_4fb6' >{ item.toAddress.districtName ? item.toAddress.districtName : ''  + item.toAddress.streetName ? item.toAddress.streetName : '' + item.toAddress.address }</li>
                                                                        <li name='T_a508' >{ item.toAddress.postcode }</li>
                                                                    </ol>
                                                                </li>
                                                                <li name='T_3277'  className="print-addr small">
                                                                    <h3 name='T_031b' >寄</h3>
                                                                    <ol name='T_411f' >
                                                                        <li name='T_0ec8' >{ item.fromName +' '+ item.fromPhone }</li>
                                                                        <li name='T_7977' >{ item.fromAddress.countryName ? item.fromAddress.countryName +'/' : '' } { item.fromAddress.countryCode }</li>
                                                                        <li name='T_ffe4' >{ item.fromAddress.provinceName ? item.fromAddress.provinceName +'/' : '' } { item.fromAddress.cityName }</li>
                                                                        <li name='T_5963' >{ item.fromAddress.districtName ? item.fromAddress.districtName : '' + item.fromAddress.streetName ? item.fromAddress.streetName : '' + item.fromAddress.address }</li>
                                                                        <li name='T_4e17' >{ item.fromAddress.postcode }</li>
                                                                    </ol>
                                                                </li>
                                                                <li name='T_2cbd'  className="print-img">
                                                                    <img name='T_b334'  id={'barcode_' + item.waybillNo} />
                                                                </li>
                                                                <li name='T_f299'  className="print-img">
                                                                    <img name='T_b7fd'  id={'barcode_' + subItem.subOrderNo} />
                                                                </li>
                                                                <li name='T_9b2e'  className="print-remark">备注：{ item.customerNote }</li>
                                                                <li name='T_af20' >{ item.lastUpdateTime }</li>
                                                            </ul>
                                                        )
                                                    })
                                                }
                                            </div>
                                            :
                                            <ul name='T_993a'  className="print-item">
                                                <li name='T_560c'  className="print-title">
                                                    <img name='T_abc8'  src="../../images/logo/sanzang-gray.png" alt="logo"/>
                                                    <ol name='T_094e' >
                                                        <li name='T_425a' >{ component.state.currentTime }</li>
                                                        <li name='T_6315' >{ item.packageNum } PCS</li>
                                                        <li name='T_1578' >{ item.cusWeight ? item.cusWeight : 0 } { item.cusWeightUnit }</li>
                                                    </ol>
                                                </li>
                                                <li name='T_f2c6' >{ item.externalNo }</li>
                                                <li name='T_7b85'  className="print-addr">
                                                    <h3 name='T_63b5' >收</h3>
                                                    <ol name='T_12bd' >
                                                        <li name='T_77b4' >{ item.toName + ' ' + item.toPhone }</li>
                                                        <li name='T_2426' >{ item.toAddress.countryName ? item.toAddress.countryName +'/' : '' } { item.toAddress.countryCode }</li>
                                                        <li name='T_f506' >{ item.toAddress.provinceName ?  item.toAddress.provinceName +'/' : '' } { item.toAddress.cityName }</li>
                                                        <li name='T_e487' >{ item.toAddress.districtName ? item.toAddress.districtName : ''  + item.toAddress.streetName ? item.toAddress.streetName : '' + item.toAddress.address }</li>
                                                        <li name='T_3266' >{ item.toAddress.postcode }</li>
                                                    </ol>
                                                </li>
                                                <li name='T_b86c'  className="print-addr small">
                                                    <h3 name='T_bb00' >寄</h3>
                                                    <ol name='T_7928' >
                                                        <li name='T_1501' >{ item.fromName +' '+ item.fromPhone }</li>
                                                        <li name='T_1d42' >{ item.fromAddress.countryName ? item.fromAddress.countryName + '/' : '' } { item.fromAddress.countryCode }</li>
                                                        <li name='T_afaa' >{ item.fromAddress.provinceName ? item.fromAddress.provinceName +'/' : '' } { item.fromAddress.cityName }</li>
                                                        <li name='T_d33c' >{ item.fromAddress.districtName ? item.fromAddress.districtName : '' + item.fromAddress.streetName ? item.fromAddress.streetName : '' + item.fromAddress.address }</li>
                                                        <li name='T_3faa' >{ item.fromAddress.postcode }</li>
                                                    </ol>
                                                </li>
                                                <li name='T_0ed4'  className="print-img">
                                                    <img name='T_370f'  id={'barcode_' + item.waybillNo} />
                                                </li>
                                                <li name='T_98d4'  className="print-detail">
                                                    <table name='T_27c6'  cellSpacing="0" cellPadding="0">
                                                        <tr name='T_37d9' >
                                                            <th name='T_6e26' >品名</th>
                                                            <th name='T_563c' >件数</th>
                                                            <th name='T_e091' >单价</th>
                                                            <th name='T_8d9a' >备注</th>
                                                        </tr>
                                                        {
                                                            item.orderCargoDtos.slice(0, 3).map(function(subject, index) {
                                                                return (
                                                                    <tr name='T_ae11'  key={index}>
                                                                        <td name='T_0108' >{ subject.goodsNameCn + '/' + subject.goodsNameEn }</td>
                                                                        <td name='T_c7ac' >{ subject.goodsNumber }</td>
                                                                        <td name='T_1e0e' >{ subject.goodsPrice }</td>
                                                                        <td name='T_466c' >{ subject.description }</td>
                                                                    </tr>
                                                                )
                                                            })
                                                        }
                                                    </table>
                                                </li>
                                                <li name='T_1d75'  className="print-remark"><span name='T_8b46' >备注：</span>{ item.customerNote }</li>
                                                <li name='T_147f' >{ item.lastUpdateTime }</li>
                                            </ul>
                                        )
                                    })
                                }
                            </div>
                        </div>
                        :
                        ''
                    }
                    {
                        this.state.showUploadFile?
                        <div name='T_1082'  className="uploadFile-layer">
                            <div name='T_a464'  className="uploadFile-fileContent">
                                <div name='T_b301'  className="uploadFile-title">
                                    上传附件
                                </div>
                                <div name='T_93d7'  className="uploadFile-content" id="uploadFileContent">
                                </div>
                                <div name='T_ba68'  className="uploadFile-button">
                                    <button name='T_8ec9'  className="btn-red" onClick={this.destroyOrder}>关闭</button>
                                </div>
                            </div>
                        </div>
                        :
                        ''
                    }
                </div>
            </div>
        </div>
    </div>
    <div name='T_5ac3'  id="slides"></div>
</div>
